<template>
  <div class="bg">
    <nav-com
      title="股票账号注册"
      :showView="true"
      @back="backHandler()"
    ></nav-com>
    <!-- <div class="bg">
      <div class="main">
        <div class="num">{{topNum}}</div>
        <div class="inviteNum">你的专属分享码：<span style="font-size:20px">{{inviteCode}}</span> <span class="copy" @click="copy(inviteCode)">复制</span></div>
        <div class="img"><img src="../../assets/my/invite.png" alt="" style="width:40vw"></div>
        <div class="inviteurl">分享链接：<span class="url">{{inviteUrl}}</span> <span class="copy" @click="copy(inviteUrl)">复制</span></div>
      </div>
      <div class="bottom">
        <div style=" display: flex;flex-direction: column;align-items: center;margin-bottom: 20px;">
         
         <div style="font-size: 22px;font-weight: 500;font-family: PingFang SC;color: #000000; text-align: center;margin-bottom: -15px;z-index: 1000;">下载流程</div>  
         <div style="width: 150px;
            height: 15px;
            background: #fe4b20;
            opacity: 0.4;
            border-radius: 9px;"> </div>
        </div>
        <div class="line">
          <div class="index">1</div>
          <span class="text">截图保存APP二维码到相册</span>
        </div>

        <div class="line">
          <div class="index">2</div>
          <span class="text">打开微信扫一扫,点击相册,打开二维码截图，扫码下载安装</span>
        </div>
      </div>
    </div> -->
    <div class="bg2" >
      <img src="../../assets/my/shares2.jpg" alt="" style="width:100%">
    </div>
   
  </div>
</template>

<script>
import navCom from "@/component/nav";
export default {
  components: {
    navCom,
  },
  data() {
    return {
    };
  },
  methods: {
    backHandler() {
      this.$router.go(-1);
      // if(weixin.isAndroid()){
      //   window.JS_TROOPS.goBack()
      // }else{
      //   this.$router.go(-1);
      // }
    },
    confirm() {
      this.$router.push("/everyMonth3");
    },
    copy(val) {
      this.$copyText(val)
        .then((result) => {
          Toast("复制成功");
        })
        .catch((err) => {
          Toast("复制失败");
        });
    },
  },
};
</script>

<style scoped>
.bg2{
  height: 100%;
  width: 100%;
}
.bg2 .text{
  position: absolute;
  font-weight: 700;
  font-size: 18px;
  top: 77.2vh;
  left: 37vw;
}
.url{
    display: inline-block;
    width: 35vw;
    height: 4vw;
    overflow: hidden;
}
.bottom{
  position: absolute;
  top: 65vh;
  right: 10vw;
}
.bg {
  width: 100VW;
}
.img{
    height: 40vw;
    width: 40vw;
    margin: 3vw auto;
    
}
.main {
  background: #fff;
  height: 76vw;
  width: 76vw;
  position: absolute;
  top: 20vh;
  right: 10vw;
  text-align: center;
  border-radius: 3vw;
  padding: 2vw;
}
.main .num{
    font-size: 22px;
    margin-bottom: 3vw;
}
.copy {
  display: inline-block;
  height: 8vw;
  line-height: 8vw;
  text-align: center;
  width: 12vw;
  color: #fff;
  background: #fe4b20;
  border-radius: 3px;
  margin-left: 10px;
}
.line {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.dian {
  color: #fe4b20;
  line-height: 8px;
  margin: 0 0 5px 6px;
}
.index {
  /* display: block; */
  height: 20px;
  width: 20px !important;
  background: #fe4b20;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
}
.text {
  margin-left: 20px;
  width: 73vw;
  line-height: 26px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #2f2f30;
}
</style>